<ion-header>
    <ion-toolbar color="primary">
        <ion-buttons slot="start">
            <ion-back-button text=""></ion-back-button>
        </ion-buttons>
        <ion-title>动态鉴伪</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content scrollY="false">
    <Tabs
            [page]="3"
            [useOnPan]="true"
            [swipeable]="true"
            [activeTab]="index"
            [tabBarActiveTextColor]="'#1890ff'"
            (onChange)="onChange($event)"
            (onTabClick)="onTabClick($event)"
    >
        <TabPane [title]="titleTemplate">
            <ng-template #titleTemplate>
                <div>动态鉴伪记录</div>
            </ng-template>
            <div>

                <!--  动态鉴伪记录  -->
                <app-dynamic-certification-recording></app-dynamic-certification-recording>

            </div>
        </TabPane>
        <TabPane [title]="titleTemplate1">
            <ng-template #titleTemplate1>
                <div>产品结构</div>
            </ng-template>
            <div>
                <!--  产品结构 -->
                <app-product-structure></app-product-structure>
            </div>
        </TabPane>
        <TabPane [title]="titleTemplate2">
            <ng-template #titleTemplate2>
                <div>资产记录</div>
            </ng-template>
            <div>
                <!--  资产记录  -->
                <app-asset-record></app-asset-record>
            </div>
        </TabPane>
    </Tabs>
</ion-content>

